<template>
  <div class="realtime_video">
    <div class="realtime_video_top">
      <div class="realtime_video_top_text">实时视频</div>
    </div>
    <div class="realtime_video_bottom">
      <div class="realtime_video_content"></div>
      <div class="realtime_video_details">
        <div class="time">
          <div class="title">数据采集时间</div>
          <div class="text">2020/12/23</div>
        </div>
        <div class="people">
          <div class="title">数据采集人</div>
          <div class="text">张三</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.realtime_video {
  margin-top: 25px;
  .realtime_video_top {
    background: url("../../../../../../assets/images/home/top.png");
    background-size: cover;
    .realtime_video_top_text {
      padding-left: 16px;
      font-family: OPPOSans;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 24px;
      /* identical to box height */
      color: #ffffff;
    }
  }
  .realtime_video_bottom {
    margin-top: 20px;
    margin-left: 15px;
    .realtime_video_content {
      background: url("../../../../../../assets/images/home/image 41 (1).png");
      width: 445px;
      height: 192px;
      background-size: cover;
    }
    .realtime_video_details {
      display: flex;
      margin-top: 12px;
      .time {
        display: flex;
      }
      .people {
        margin-left: 62px;
        display: flex;
      }
      .title {
        font-family: OPPOSans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        /* identical to box height */
        letter-spacing: 1px;
        color: #a8bacb;
      }
      .text {
        font-family: OPPOSans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        /* identical to box height */
        text-align: right;
        letter-spacing: 0.857143px;
        color: #ffffff;
        margin-left: 16px;
      }
    }
  }
}
</style>